<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<!-- BEGIN HEADER -->
<div class="header navbar navbar-inverse navbar-fixed-top">
	<!-- BEGIN TOP NAVIGATION BAR -->
	<div class="header-inner">
		<!-- BEGIN LOGO -->
		<a class="navbar-brand text-center" href="${resRoot}/index.html">SGMå¼å«ä¸­å¿åå¸­åºç¨ç³»ç»</a>
		<!-- END LOGO -->
		
		<!-- BEGIN RESPONSIVE MENU TOGGLER -->
		<a href="javascript:;" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"><img src="${resRoot}/img/menu-toggler.png" alt=""/></a>
		<!-- END RESPONSIVE MENU TOGGLER -->
		<!-- BEGIN TOP NAVIGATION MENU -->
		<ul class="nav navbar-nav pull-right">
               <li>
                 <a href="javascript:;"><span class="glyphicon glyphicon-phone-alt colorblue"></span> ç©ºé²</a>
             </li>
             <li>
                 <a href="javascript:;"><span class="glyphicon glyphicon-earphone colorblue"></span> éè¯</a>
             </li>
             <li>
                 <a href="javascript:;"><span class="glyphicon glyphicon-earphone"></span> è¯å</a>
             </li>
             <li>
                 <a href="javascript:;"><span class="glyphicon glyphicon-phone-alt"></span> è½¬æ¥</a>
             </li>

			<!-- BEGIN INBOX DROPDOWN -->
			<li class="dropdown" id="header_inbox_bar">
				<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
				<i class="fa fa-envelope"></i>
				<span class="badge">
					 <span  id="sumCount"></span>
				</span>
				</a>
				<ul class="dropdown-menu extended inbox">
					<div id="noticeMsgCount"></div>
					<li>
						<ul class="dropdown-menu-list scroller" style="height: 250px;"><div id="noticeMsg"></div></ul>
					</li>
					<li class="external">
						<a href="${request.contextPath}workbench/notice/list.htm">ç¹å»æ¥çæ´å¤æ°æ¶æ¯ <i class="m-icon-swapright"></i></a>
					</li>
				</ul>
			</li>
			<!-- END INBOX DROPDOWN -->

			<!-- BEGIN USER LOGIN DROPDOWN -->
			<!-- <li class="dropdown user">
				<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
				<img alt="" src="${resRoot}/img/avatar1_small.jpg"/>
				<span class="username">
					Bob Nilson
				</span>
				<i class="fa fa-angle-down"></i>
				</a>
				<ul class="dropdown-menu">
					<li>
						<a href="extra_profile.html"><i class="fa fa-user"></i> My Profile</a>
					</li>
					<li>
						<a href="page_calendar.html"><i class="fa fa-calendar"></i> My Calendar</a>
					</li>
					<li>
						<a href="inbox.html"><i class="fa fa-envelope"></i> My Inbox
						<span class="badge badge-danger">
							3
						</span>
						</a>
					</li>
					<li>
						<a href="#"><i class="fa fa-tasks"></i> My Tasks
						<span class="badge badge-success">
							7
						</span>
						</a>
					</li>
					<li class="divider">
					</li>
					<li>
						<a href="javascript:;" id="trigger_fullscreen"><i class="fa fa-move"></i> Full Screen</a>
					</li>
					<li>
						<a href="extra_lock.html"><i class="fa fa-lock"></i> Lock Screen</a>
					</li>
					<li>
						<a href="/workbench/notice"><i class="fa fa-key"></i> Log Out</a>
					</li>
				</ul>
			</li> -->
			<!-- END USER LOGIN DROPDOWN -->
		</ul>
		<!-- END TOP NAVIGATION MENU -->
	</div>
	<!-- END TOP NAVIGATION BAR -->
</div>
<!-- END HEADER -->
<script>
jQuery(document).ready(function() {  
	   $.getJSON('${request.contextPath}workbench/notice/searchNoticeMsg.json',function(data)
        {
        $.each(data,function(index,item)
        {
        	$("#sumCount").html(index+1);
        });
        });
   		App.init();
});
</script>